<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,minimum-scale=1.0">
		<title>5G智能时代</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<script src="js/jquery-3.3.1.min.js"></script>
		<script src="js/swiper.min.js"></script>
	</head>
	<body>
		<div class="header">
			<img src="img/logo.png" alt="">
			<ul>
				<li class="active"><a href="index.html">首页</a></li>
				<li><a href="hezuo.html">合作加盟</a></li>
				<li><a href="aboutUs.html">关于我们</a></li>
				<li><a href="callMe.html">联系我们</a></li>
			</ul>
		</div>
		 <!-- Swiper -->
		  <div class="swiper-container">
		    <div class="swiper-wrapper">
		      <div class="swiper-slide">
				  <img class="banner1" src="img/banner1.png" alt="">
			  </div>
		      <div class="swiper-slide">
				  <img class="banner2" src="img/banner2.png" alt="">
			  </div>
		      <div class="swiper-slide">
				  <img class="banner3" src="img/banner3.png" alt="">
			  </div>	     
		    </div>
		  </div>
		  <div class="index_zs">
			  <img class="index_zsleft" src="img/indexZSleft.png" alt="">
			  <div class="index_zsright">
				  2019年，我国信用卡(含信贷合一)发卡量已经达到6.7亿张，并以每年6.3%的增长率增长。信用卡授信总额为23.78万亿元，其中应偿信贷余额为9.95万亿元，卡均授信额度为2.29万元。信用卡逾期半年未偿信贷总额为789亿元，近8年增长10倍。每张信用卡每个月有5笔以上消费。2018年全年，我国信用卡交易额为38.2万亿元，近10年增长10倍。<br>中国信用卡总发卡量在2011-2020年期间以12%的年增长率增长，到2020年，信用卡发卡数量预计将达到7.4亿张，届时中国城市里近10亿的消费人口将催生出世界上最大的信用卡需求市场。
			  </div>
		  </div>
		  <p class="index_title">八大功能 · 需求导向<span>—— 有人用才有市场 ——</span></p>
		  <ul class="index_gn">
			  <li>
				  <img src="img/index_gn1.png" alt="">
				  <p class="title">智能还款</p>
				  <p class="text">一键智能设置还款计划，仅需预留5%-10%周转金，安全省时高效。</p>				  
			  </li>
			  <li>
				  <img src="img/index_gn2.png" alt="">
				  <p class="title">商户收款</p>
				  <p class="text">一键收款，快速到账，安全稳定又放心。</p>
			  </li>
			  <li>
				  <img src="img/index_gn3.png" alt="">
				  <p class="title">健康检测</p>
				  <p class="text">信用卡专属检验报告，查找信用卡使用问题。</p>
			  </li>
			  <li>
				  <img src="img/index_gn4.png" alt="">
				  <p class="title">智能收款</p>
				  <p class="text">设置收款计划，到期自动收款，有效养卡提额。</p>
			  </li>
			  <li>
				  <img src="img/index_gn5.png" alt="">
				  <p class="title">智能提醒</p>
				  <p class="text">还款计划到期提醒，还款计划行之有效，摆脱逾期烦恼。</p>
			  </li>
			  <li>
				  <img src="img/index_gn6.png" alt="">
				  <p class="title">全额还款</p>
				  <p class="text">信用卡没钱也可还款，预留部分周转金到期自动还，再也不用担心透支。</p>
			  </li>
			  <li>
				  <img src="img/index_gn7.png" alt="">
				  <p class="title">企业还款</p>
				  <p class="text">助力他人还款，自定义手续费，赚取额外收益。</p>
			  </li>
			  <li>
				  <img src="img/index_gn8.png" alt="">
				  <p class="title">提额精选</p>
				  <p class="text">允许使用境外消费，智能账单美化，养卡提额更便捷。</p>
			  </li>
		  </ul>
		<div class="index_ys">
			<p class="title">产品优势 · 用户优选</p>
			<ul>
				<li>
					<img src="img/index_ys1.png" alt="">
					<p>
						5G智能时代与多家支付公司合作，强大的后台支撑保证用户使用的通道稳定；<br><br>同时用户信息在传输过程中会进行加密和脱敏处理，保障用户信息和财产安全。
					</p>
					<button>安全稳定，多企合作</button>
				</li>
				<li>
					<img src="img/index_ys2.png" alt="">
					<p>
						5G智能时代通过专业技术团队进行自主技术研发，根据反复测试实现用户最优体验；根据用户的真实需要完善自身功能，使每位用户享受优质的服务。
					</p>
					<button>自主研发，技术独立</button>
				</li>
				<li>
					<img src="img/index_ys3.png" alt="">
					<p>
						5G智能时代向每位用户承诺，将永久为广大用户提供优质服务，在企业发展的同时不断实现应有的价值，让每位用户共享品质的保障。
					</p>
					<button>免费试用，品质共享</button>
				</li>
			</ul>
		</div>
		<p class="index_title">我们不谈理想 · 只谈钱</p>
		<div class="index_sq">
			<p class="title">想省钱：</p>
			<p class="text">可享受27/万还款分润收益！</p>
			<p class="text">可享受11/万收款分润收益！</p>
			<p class="title2">还有......</p>
			<p class="text">60%境外消费收益！</p>
			<p class="text">80%空卡还款收益！！</p>
			<p class="text">90%卡测评收益！！！</p>
		</div>
		<p class="index_zqTitle">想赚钱：</p>
		<ul class="index_zq_ul">
			<li>
				<img src="img/yingXiao1.png" alt="">
				推广收益
			</li>
			<li>
				<img src="img/yingXiao2.png" alt="">
				政策收益
			</li>
			<li>
				<img src="img/yingXiao3.png" alt="">
				分润收益
			</li>
			<li>
				<img src="img/yingXiao4.png" alt="">
				招商收益
			</li>
			<li>
				<img src="img/yingXiao5.png" alt="">
				创业收益
			</li>
			<li>
				<img src="img/yingXiao6.png" alt="">
				返佣收益
			</li>
		</ul>
		<div class="index_gt">
			<p class="index_title" style="color: #FFFFFF;">变有钱 · 从你我的沟通开始</p>
			<div class="index_gtDiv">
				<div class="left">
					<p>用信用卡，优选<span>5G 智能时代</span></p>
					<p>注册即可享受<span>0.52+1</span>还款费率</p>
				</div>
				<img src="img/index_gt.png" alt="">
			</div>
		</div>
		<p class="index_title">点击下方 · 打开你的财富大门</p>
		<div class="index_bottom">
			<p><span>姓名</span><input class="name" type="text" placeholder="请输入您的姓名"></p>
			<p><span>电话</span><input class="phone" type="text" placeholder="请输入您的联系号码"></p>
			<p><span>邮箱</span><input class="email" type="text" placeholder="请输入您的邮箱地址"></p>
			<button class="infoBtn">确认提交</button>
		</div>
	</body>
	<script>
		$(function(){
			$.ajax({
				url:'http://192.168.0.124:80/app/resources/officialList',
				type:'post',
				data:{
					type:'20W'
				},
				success:function(res){
					$('.banner1').attr("src",res.data[0].url);
					$('.banner2').attr("src",res.data[1].url);
					$('.banner3').attr("src",res.data[2].url);
					
				}
			});	
			var swiper = new Swiper('.swiper-container', {
				pagination: {
					el: '.swiper-pagination',
					dynamicBullets: true,
				},
				 observer:true,//修改swiper自己或子元素时，自动初始化swiper
				 observeParents:true,//修改swiper的父元素时，自动初始化swiper
				autoplay:true,
				loop:true
			});
			if(document.body.clientWidth<=790){
				$.ajax({
					url:'http://192.168.0.124:80/app/resources/officialList',
					type:'post',
					data:{
						type:'10W'
					},
					success:function(res){
						$('.banner1').attr("src",res.data[0].url);
						$('.banner2').attr("src",res.data[1].url);
						$('.banner3').attr("src",res.data[2].url);
						
					}
				});	
			}
		})
		$('.infoBtn').click(function(){
			var name = $('.name').val();
			var phone = $('.phone').val();
			var email = $('.email').val();
			$.ajax({
				url:'http://192.168.0.124:80/system/register/add',
				type:'post',
				data:{
					name:name,
					phone:phone,
					email:email
				},
				success:function(result){
                    alert(result.msg)
                    if (result.code == 0) {
                        window.location.reload()
                    }
                    return;
				}
			});	
		})
	</script>
</html>
